<template>
	<view>
		<!-- <view class="main dp_main" style="margin-top: 4vw;border-radius: 2vw;display: block;float: left;">
			商家功能：
		</view> -->
		<view class="main"
			style="margin-top: 4vw;background: #fff; border-radius: 2vw;display: block;float: left;overflow: hidden;">
			<view class="shop-wrap">
				<view class="shop-item">店铺名称：<text>{{shopInfo.mchName}}</text></view>
				<view class="shop-item">电话：<text>{{shopInfo.phone}}</text></view>
				<view class="shop-item flex-item"><view style="width: 70upx;font-size: 30upx;white-space: nowrap;">位置：</view><text style="flex: 1;"> {{shopInfo.address}}</text></view>
				<view @click="preview(shopInfo.licenseSrc)">
					<image :src="shopInfo.licenseSrc" mode="aspectFill"></image>
				</view>
				
			</view>
			<view class="dp_main" style="padding-top: 6vw;" v-if="wechat">
				<view class="center_qb t23">微信进件</view>
				<image src="../../static/img/wx.png" mode="widthFix"
					style="position: absolute;top: -10vw;width: 45vw;opacity: 0.1;right:-10vw;z-index: 1;"></image>
				<view v-if="wechat.status==-3">
					<view class="center_qb t23" style="text-align: center;">商户信息审核中</view>
					<view class="center_qb t1" v-if="wechat.errMsg">错误提示：{{wechat.errMsg}}</view>
					<view class="center_qb t1" v-if="wechat.content">审核提示：{{wechat.content}}</view>
					<view class="center_qb t1">您已申请微信商家支付，请耐心等待审核。<br>
						如有疑问，请联系本平台客服，谢谢合作。</view>
				</view>
				<view v-if="wechat.status==-4">
					<view class="center_qb t23" style="text-align: center;">错误信息提示</view>
					<!-- <view class="center_qb t1" v-if="wechat.content">审核提示：{{wechat.content}}</view> -->
					<view class="center_qb t1" v-if="wechat.errMsg">错误提示：{{wechat.errMsg}}</view>
					<view class="center_qb t1" v-if="wechaterr">{{wechaterr}}</view>
					<view class="center_qb t8">请返回页面重新填写报错信息。<br>
						如有疑问，请联系本平台客服，谢谢合作。</view>
				</view>
				<view v-if="wechat.status==-6">
					<view class="center_qb t23" style="text-align: center;">签约</view>
					<view class="center_qb t1" v-if="wechat.content">提示：{{wechat.content}}</view>
					<view class="center_qb t1">您已申请微信商家支付，请根据提示进行签约<br>
						如有疑问，请联系本平台客服，谢谢合作。</view>
					<view class="buts t2" @click="urls1(wechat.url)">去签约</view>
				</view>
				<view v-if="wechat.status==-2">
					<view class="center_qb t1">您的商家收款功能已被平台禁用<br>如有疑问，请联系本平台客服，谢谢合作。</view>
				</view>
				<view v-if="wechat.status==0">
					<view class="center_qb t1">您关闭了微信收款功能，如需恢复请到设置中启用。</view>
				</view>
				<view v-if="wechat.status==1">
					<view class="center_qb t1">提示：{{wechat.content}}</view>
				</view>
				<view v-if="wechat.status==-5">
					<view class="center_qb t23" style="margin-top: 8vw;">确认信息</view>
					<view class="center_qb t1">请确认前面所填所有信息均真实有效，以防延误您的申请时间。</view>
					<!-- <view class="tuic t2" @click="shengqing()">确定</view> -->
				</view>
				<view v-if="!wechat.status">
					<view class="center_qb t23" style="text-align: center;">第三方反馈错误</view>
					<view class="center_qb t1" v-if="wechat.errMsg">错误提示：{{wechat.errMsg}}</view>
					<view class="center_qb t1" v-if="wechat.content">审核提示：{{wechat.content}}</view>
					<view class="center_qb t1">请修改申请，或联系客服说明问题，以免耽误您的申请时间</view>
				</view>
				<view class="dp_but1 t12" v-if="wechat.status==-4||wechat.status==-5" @click="cx()">
					去修改，重新申请</view>
				<view class="dp_but t12" v-if="wechat.status==-5" @click="shengqing()">
					提交申请信息</view>
			</view>
			<!-- </view>
		<view class="main" style="margin-top: 4vw;background: #fff; border-radius: 2vw;display: block;float: left;"> -->

			<view class="dp_main" v-if="ali">
				<view class="center_qb t23">支付宝进件</view>
				<image src="../../static/img/zfb.png" mode="widthFix"
					style="position: absolute;bottom: 0vw;width: 30vw;opacity: 0.1;right: -5vw;z-index: 1;"></image>
				<view v-if="ali.status==-3">
					<view class="center_qb t23" style="text-align: center;">商户信息审核中</view>
					<view class="center_qb t1" v-if="ali.errMsg">审核提示：{{ali.errMsg}}</view>
					<view class="center_qb t1" v-if="ali.content">错误提示：{{ali.content}}</view>
					<view class="center_qb t1">您已申请支付宝商家支付，请耐心等待审核。<br>
						如有疑问，请联系本平台客服，谢谢合作。</view>
				</view>
				<view v-if="ali.status==-4">
					<view class="center_qb t23" style="text-align: center;">错误信息提示</view>

					<view class="center_qb t1" v-if="ali.errMsg">错误提示：{{ali.errMsg}}</view>
					<!-- <view class="center_qb t1" v-if="ali.content">审核提示：{{ali.content}}</view> -->
					<view class="center_qb t1" v-if="alierr">{{alierr}}</view>
					<view class="center_qb t8">请根据报错信息，重新填写进件。<br>
						如有疑问，请联系本平台客服，谢谢合作。</view>
				</view>
				<view v-if="ali.status==-6">
					<view class="center_qb t23" style="text-align: center;">签约</view>
					<view class="center_qb t1" v-if="ali.content">提示：{{ali.content}}</view>
					<view class="center_qb t1">您已申请支付宝商家支付，请根据提示进行签约<br>
						如有疑问，请联系本平台客服，谢谢合作。</view>
					<!-- <view class="buts t2" @click="urls1('https://opendocs.alipay.com/support/01rfw3')">去签约</view> -->
					<!-- <view class="buts t2" @click="urls1('https://b.alipay.com/signing/productSetV2.htm?mrchportalwebServer=https%3A%2F%2Fmrchportalweb.alipay.com')">去签约</view> -->
					<view class="buts t2" @click="urls1('https://auth.alipay.com/login/index.htm?bizFrom=mrchportal&goto=https%3A%2F%2Fenterpriseportal.alipay.com%2Findex.htm')">去签约</view>
					<!-- <view class="buts t2" @click="urls1(ali.url)">去签约</view> -->
					
				</view>
				<view v-if="ali.status==-2">
					<view class="center_qb t1">您的商家收款功能已被平台禁用<br>如有疑问，请联系本平台客服，谢谢合作。</view> 
				</view>
				<view v-if="ali.status==0">
					<view class="center_qb t1">您关闭了支付宝收款功能，如需恢复请到设置中启用。</view>
				</view>
				<view v-if="ali.status==1">
					<view class="center_qb t1">提示：{{ali.content}}</view>
					<view v-if="ali.url" class="center_qb t1">提示：请点击去授权按钮完成授权，否则商户无法开启收款功能</view>
					
					<!-- <view v-if="ali.url" class="buts t2" @click="urls1(ali.url)">去授权</view> -->
					<view v-if="ali.url" class="buts t2" @click="aliAuth()">去授权</view>
					<!-- <image :src="ali.url" style="width: 50%;height: auto;display: block;float: left; margin: 2vw 25%;"   
					mode="widthFix"></image>
				<view class="buts t2" @click="urls">保存图片</view> --> 
				</view>
				<view v-if="ali.status==-5">
					<view class="center_qb t23">审核信息</view>
					<view class="center_qb t1">提示：{{ali.content}}</view>
					<!-- <view class="tuic t2" @click="shengqing()">确定</view> -->
				</view>
				<view v-if="!ali.status">
					<view class="center_qb t23" style="text-align: center;">第三方反馈错误</view>
					<view class="center_qb t1" v-if="ali.errMsg">审核提示：{{ali.errMsg}}</view>
					<view class="center_qb t1" v-if="ali.content">错误提示：{{ali.content}}</view>
					<view class="center_qb t1">请修改申请，或联系客服说明问题，以免耽误您的申请时间</view>
				</view>
				<view class="dp_but1 t12" v-if="ali.status==-4||ali.status==-5" @click="cx()">
					去修改，重新申请</view>
				<view class="dp_but t12" v-if="ali.status==-5" @click="shengqing()">
					提交申请信息</view>
			</view>
		<view class="dp_main t13" v-if="cuo" style="padding:4vw 10vw;">提示：{{cuo}}</view>
		</view>
		<view class="dp_kaig" v-if="false">
			<view class="shuru" v-if="redPayStatus==0||redPayStatus==1">
				<text class="shuru_tit t1" style="margin-right: 2vw;">红包利率</text>
				<switch class="shuru_text" :checked="checks" @change="checki"
					style="transform:scale(0.8);width: auto;float: left;" color="#f5c9a2"></switch>
				<text class="shuru_text t24"
					style="width: 100%;float: left;height: auto;line-height: 5vw;margin-bottom: 3vw; margin-top: 2vw;">打开后可以为到店消费用户发放返利红包</text>
			</view>
			<!-- v-if="wechatPayStatus==0||wechatPayStatus==1" -->
			<view class="shuru" v-if="wechatPayStatus==0||wechatPayStatus==1">
				<text class="shuru_tit t1" style="margin-right: 2vw;">微信支付</text>
				<switch class="shuru_text t1" :checked="checks1" @change="checki1"
					style="transform:scale(0.8);width: auto;float: left;" color="#90bf95"></switch>
				<text class="shuru_text t24"
					style="width: 100%;float: left;height: auto;line-height: 5vw;margin-bottom: 3vw; margin-top: 2vw;">控制开启或关闭商家微信收款功能</text>
			</view>
			<view class="shuru" v-if="aliPayStatus==0||aliPayStatus==1">
				<text class="shuru_tit t1" style="margin-right: 2vw;">支付宝支付</text>
				<switch class="shuru_text t1" :checked="checks2" @change="checki2"
					style="transform:scale(0.8);width: auto;float: left;" color="#8ecce5"></switch>
				<text class="shuru_text t24"
					style="width: 100%;float: left;height: auto;line-height: 5vw;margin-bottom: 3vw; margin-top: 2vw;">控制开启或关闭商家支付宝收款功能</text>
			</view>
		</view>
		<!-- <view class="ind_jiaoyi_jian2" v-show="ali.status==1||wechat.status==1" @click="skm">
			<image src="../../static/img/eweima.png" class="ind_jiaoyi_jian1_img" mode="widthFix"></image>
			<view class="ind_jiaoyi_jian_t">
				<text class="t23">店铺收款码</text>
				<text class="t8">保存图片，享专属收款二维码</text>
			</view>
			<image src="../../static/img/exe-next.png" mode="widthFix" class="ind_next"></image>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mainid: '',
				businessCode: '',
				applyId: '',
				tishi: '',
				url: '',
				cuo: '',
				shtishi: '',
				wechat: '',
				ali: '',
				lilv: '',
				tian: '',
				checks: false,
				checks1: false,
				checks2: false,
				aliPayStatus: '',
				redPayStatus: '',
				wechatPayStatus: '',
				alierr: '',
				wechaterr: '',
				shopInfo:{
					mchName:'',
					phone:'',
					address:'',
					licenseSrc:'',
				}
			}
		},
		onShow() {
			var _this = this;
			uni.getStorage({
				key: 'user',
				success: function(res) {
					_this.mainid = res.data.id;
					_this.info();
					_this.kaiguan();
					_this.getSubject()
				}
			});
		},
		onBackPress(e) {
			if (this.showMask) {
				this.showMask = false;
				return true;
			} else {
				uni.switchTab({
					url: '/pages/center/center'
				});
				return true
			}
		},
		methods: {
			//获取店铺信息
			getSubject(){
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/getSubject/' + this.mainid, //仅为示例，并非真实接口地址。
					method: 'post',
					data: {
						id: this.mainid, //	用户ID（mainId）		true	string
					},
					success: (res) => {
						console.log('店铺信息：',res)
						this.shopInfo.mchName = res.data.data.mchName
						this.shopInfo.address = res.data.data.licenseVO.address.name+res.data.data.licenseVO.address.address
						this.shopInfo.licenseSrc = res.data.data.licenseVO.mainPic.domain+res.data.data.licenseVO.mainPic.localPath
						this.shopInfo.phone = res.data.data.user.phone
						
						
					},
				})
			},
			preview(url){
				uni.previewImage({
					urls:[url],
				})
			},
			checki(e) {
				// console.log(e);
				this.checks = e.detail.value;
				if (e.detail.value == false) {
					this.redPayStatus = 0
				} else {

					this.redPayStatus = 1
				}
				this.shezhi();
			},
			checki1(e) {
				// console.log(e);
				this.checks1 = e.detail.value;
				if (e.detail.value == false) {
					this.wechatPayStatus = 0
				} else {

					this.wechatPayStatus = 1
				}
			},
			checki2(e) {
				// console.log(e);
				this.checks2 = e.detail.value;
				if (e.detail.value == false) {
					this.aliPayStatus = 0
				} else {

					this.aliPayStatus = 1
				}
				// console.log(this.aliPayStatus);
			},
			tishis(e) {
				this.tishi = true;
				// console.log(e);
				this.delid = e;
			},
			skm() {
				uni.navigateTo({
					url: '/pages/shoukuangma/index'
				});
			},
			clos() {
				this.tishi = false;

			},
			kaiguan() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/getSwitch/' + _this.mainid, //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						"id": _this.mainid,
					},
					success: (res) => {
						uni.hideLoading(); //关闭加载动画
						console.log('获取配置开关：',res);
						
						if (res.data.status == '200') {
							if (res.data.data.aliPayStatus == 1) {
								_this.checks2 = true;
							} else {
								_this.checks2 = false;
							}
							if (res.data.data.redPayStatus == 1) {
								_this.checks = true;
							} else {
								_this.checks = false;
							}
							if (res.data.data.wechatPayStatus == 1) {
								_this.checks1 = true;
							} else {
								_this.checks1 = false;
							}
							_this.aliPayStatus = res.data.data.aliPayStatus;
							_this.redPayStatus = res.data.data.redPayStatus;
							_this.wechatPayStatus = res.data.data.wechatPayStatus;
						} else {
							uni.showToast({
								title: res.data.msg,
								icon: 'none',
								duration: 2000
							});
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error)
					}
				});
			},
			shezhi() {
				var _this = this;
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/switch', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						aliPayStatus: _this.aliPayStatus, //	阿里支付状态		false							integer
						id: _this.mainid, //	商户ID		false							string
						redPayStatus: _this.redPayStatus, //	红包营销开关		false							integer
						wechatPayStatus: _this.wechatPayStatus, //	微信支付状态		false							integer
					},
					success: (res) => {
						uni.hideLoading(); //关闭加载动画
						console.log(res);
						if (res.data.status == '200') {
							uni.showToast({
								title: '开关设置成功',
								icon: 'none',
								duration: 2000
							});
							setTimeout(function() {

								uni.navigateBack({
									delta: 1
								})
							}, 2000)
						} else {
							uni.showToast({
								title: res.data.msg,
								icon: 'none',
								duration: 2000
							});
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error)
					}
				});
			},
			cx() {
				uni.navigateTo({
					url: '/pages/shenqing/shenqing_cjglinfo'
				});
			},
			aliAuth(){
				uni.navigateTo({
					url: '/pages/shouquan/shouquan?from=shenqing_jindu'+'&aliTokenUrl='+this.ali.aliTokenUrl
				});
			},
			urls1(url) {
				console.log('url:'+ url)
				plus.runtime.openURL(url);
			},
			urls() {
				var pages = getCurrentPages();
				var page = pages[pages.length - 1];
				console.log("当前页" + pages.length - 1);
				var bitmap = null; 
				var currentWebview = page.$getAppWebview();
				bitmap = new plus.nativeObj.Bitmap('amway_img');
				// 将webview内容绘制到Bitmap对象中  
				currentWebview.draw(bitmap, function() {
					console.log('截屏绘制图片成功');
					bitmap.save("_doc/a.jpg", {}, function(i) {
						console.log('保存图片成功：' + JSON.stringify(i));
						uni.saveImageToPhotosAlbum({
							filePath: i.target,
							success: function() {
								bitmap.clear(); //销毁Bitmap图片  
								uni.showToast({
									title: '保存图片成功',
									mask: false,
									duration: 1500
								});
							}
						});
					}, function(e) {
						console.log('保存图片失败：' + JSON.stringify(e));
						uni.showToast({
							title: "保存图片失败",
							icon: "none"
						});
					});
				}, function(e) {
					console.log('截屏绘制图片失败：' + JSON.stringify(e));
					uni.showToast({
						title: "保存图片失败",
						icon: "none"
					});
				});
			},

			info() {
				var _this = this;
				var data = {
					id: _this.mainid, //	用户ID（mainId）		true	
				};
				data = JSON.stringify(data);
				// console.log("请求参数: ",data);
				uni.request({
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/queryApplyMch/' + _this.mainid, //仅为示例，并非真实接口地址。
					method: 'post',
					data: data,
					success: (res) => {
						console.log('查询进件：',res);
						if (res.data.status == '200') {
							if (res.data.data) {
								console.log(res.data.data);
								// 微信进件状态信息
								_this.wechat = res.data.data.wechat;
								_this.ali = res.data.data.ali;
								console.log('查询进件ali：',_this.ali);
								// 以显示申请错误信息为先
								// if (_this.wechaterr) {
								// 	_this.wechat.status = -4;
								// } else if (_this.alierr) {
								// 	_this.ali.status = -4;
									// console.log(_this.ali.status);
								// }
								if (res.data.data.wechat.errMsg) {
									var err = JSON.parse(res.data.data.wechat.errMsg);
									console.log(err);
									let str = "";
									for (let a in err) {
										console.log(a);
										for (let i in err[a]) {
											console.log(i);
											str += err[a][i] + ";\n";
										}
									}
									_this.wechat.errMsg = str;
								}
								if (res.data.data.ali.errMsg) {
									var err = JSON.parse(res.data.data.ali.errMsg);
									console.log(err);
									let str = "";
									for (let a in err) {
										console.log(a);
										for (let i in err[a]) {
											console.log(i);
											str += err[a][i] + ";\n";
										}
									}
									_this.ali.errMsg = str;
								}
							}
						}
					},
					fail: (error) => {
						console.log(error)
					}
				});
			},
			// 进入页面需要先调取一下申请
			jinrushenqing() {
				var _this = this;
				var data = {
					id: _this.mainid, //	用户ID（mainId）		true	string
				};
				data = JSON.stringify(data);
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/applyMch/' + _this.mainid, //仅为示例，并非真实接口地址。
					method: 'post',
					data: data,
					success: (res) => {
						console.log('applyMch：',res);
						_this.info();
						if (res.data.status == '200') {

						} else if (res.data.status == '501') {
							if (res.data.data.ali) {
								console.log(res.data.data.ali);
								_this.alierr = res.data.data.ali
							} else if (res.data.data.wechat) {
								_this.wechaterr = res.data.data.wechat
							}


							// uni.setNavigationBarTitle({
							// 	title: '错误提示'
							// })
							// let str = "";
							// for (var a in res.data.data) str += res.data.data[a] + ";\n";
							// _this.cuo=str;
							// uni.showToast({
							// 	title: str,
							// 	icon: 'none',
							// 	duration: 3000
							// });
						}
					},
					fail: (error) => {
						_this.info();
						console.log(error)
					}
				});
			},
			shengqing() {
				
				var _this = this;
				var data = {
					id: _this.mainid, //	用户ID（mainId）		true	string
				};
				data = JSON.stringify(data);
				uni.showLoading();
				uni.request({
					header: {
						'Content-Type': 'application/json', //自定义请求头信息
					},
					url: getApp().globalData.url + 'mch/applyMch/' + _this.mainid, //仅为示例，并非真实接口地址。
					method: 'post',
					data: data,
					success: (res) => {
						uni.hideLoading();
						console.log(res);
						if (res.data.status == '200') {
							uni.showToast({
								title: '支付申请提交成功',
								icon: 'none',
								duration: 2000
							});
							setTimeout(function() {
								uni.switchTab({
									url: '../center/center'
								});
							}, 2000)

						} else if (res.data.status == '501') {
							let str = "";
							for (var a in res.data.data) str += res.data.data[a] + ";\n";
							_this.cuo = str;
							// uni.showToast({
							// 	title: str,
							// 	icon: 'none',
							// 	duration: 3000
							// });
						} else {

							uni.showToast({
								title: res.data.msg,
								icon: 'none',
								duration: 2000
							});
						}
					},
					fail: (error) => {
						uni.hideLoading();
						console.log(error)
						let str = "";
						for (var a in error.data.data) str += res.data.data[a] + ";\n";
							_this.cuo = str;
						// uni.showToast({
						// 	title: str,
						// 	icon: 'none',
						// 	duration: 3000
						// });
					}
				});
			}
		}
	}
</script>

<style>
	.ind_jiaoyi_jian1 {
		width: 100%;
		height: auto;
		/* display: flex; */
		display: block;
		float: left;
		padding: 5vw 3vw;
		padding-top: 10vw;
	}

	.ind_jiaoyi_jian2 {
		width: 90%;
		height: auto;
		/* display: flex; */
		display: block;
		float: left;
		padding: 5vw 3vw;
		padding-top: 10vw;
		box-shadow: 0px 0px 1vw #F2F2F2;
		padding-top: 5vw;
		border-radius: 2vw;
		margin: 0 5%;
		background: #fff;
		/* margin-bottom: 20vw; */
	}

	.shouyi3 {
		width: 82vw;
		height: 12vw;
		line-height: 12vw;
		text-align: center;
		background: #f19f5e;
		display: block;
		float: left;
		margin: 4vw;
		border-radius: 2vw;
		margin-bottom: 0;
	}

	.ind_jiaoyi_jian1_img {
		width: 14vw;
		height: auto;
		display: block;
		float: left;
		margin: 2vw 0;
		margin-left: 3vw;
	}

	.ind_jiaoyi_jian_t {
		width: 52vw;
		height: auto;
		display: block;
		float: left;
		margin-left: 4vw;
	}

	.ind_jiaoyi_jian_t text {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		line-height: 8vw;
	}

	.ind_next {
		width: 8vw;
		height: auto;
		display: block;
		float: right;
		margin-right: 3vw;
		margin-top: 7vw;
	}

	.ind_nav {
		/* width: auto; */
		width: 25%;
		height: auto;
		display: block;
		float: left;
		position: relative;
		padding-top: 14vw;
		padding-bottom: 5vw;
	}

	.ind_nav_image {
		width: 12vw;
		height: 12vw;
		padding: 3vw;
		display: block;
		float: left;
		background: #F1C75E;
		border-radius: 12vw;
		position: absolute;
		top: 0vw;
		left: 50%;
		box-shadow: 0px 0px 2vw #dfdfdf;
		margin-left: -6vw;
	}

	.ind_nav_image image {
		width: 100%;
		height: auto;
		display: block;
		float: left;
	}

	.ind_nav text {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		text-align: center;
	}

	.dp_kaig {
		width: 92%;
		height: auto;
		display: flex;
		justify-content: space-between;
		margin: 4vw 4%;
		float: left;
	}

	.dp_main {
		position: relative;
		padding: 4vw 0;
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 3vw;
		overflow: hidden;
	}

	.buts {
		width: 80%;
		height: 10vw;
		display: block;
		float: left;
		background: #F1C75E;
		text-align: center;
		line-height: 10vw;
		border-radius: 2vw;
		margin: 4vw 10%;
	}

	.center_qb {
		width: 100%;
		height: auto;
		line-height: 8vw;
		display: block;
		float: left;
		padding: 2vw 5vw;
		word-break: break-all;
	}

	.login_main_li_yzm {
		width: auto;
		height: 8vw;
		display: block;
		float: right;
		background: #fcbe16;
		padding: 0 3vw;
		line-height: 8vw;
		border-radius: 4vw;
	}

	.shuru {
		width: 100%;
		margin: 0 1vw;
		height: auto;
		display: block;
		float: left;
		border-radius: 2vw;
		overflow: hidden;
		padding: 2vw;
		background: #fff;
		box-shadow: 0px 0px 1vw #F2F2F2;
	}

	.shuru_tit {
		width: auto;
		height: 10vw;
		line-height: 10vw;
		display: block;
		float: left;
	}

	.shuru_text {
		width: 100%;
		height: 10vw;
		line-height: 10vw;
		display: block;
		float: left;
	}

	select.shuru_text {
		border: none;
	}



	.baodan_zhu {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 2vw 5%;
		background: #fff;
		border-radius: 2vw;
		padding: 4vw;
		box-shadow: 0px 0px 1vw #ccc;
		margin-top: 3vw;
	}

	.baodan_tit {
		width: 100%;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
		text-align: center;
	}

	.baodan_into {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		line-height: 7vw;
		display: block;
		float: left;
		min-height: 40vw;
		background: url(../../static/img/jiaa.png) no-repeat center;
	}

	.baodan_into_image {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 0 5%;
	}

	.shuru_text1 {
		width: 100%;
		height: 10vw;
		line-height: 10vw;
		display: block;
		float: left;
	}

	.shuru_text2 {
		background: url(../../static/img/turn.png) no-repeat right center;
		background-size: 3vw;
		line-height: 10vw;
		text-align: right;
		padding-right: 4vw;
	}

	.dp_but {
		width: auto;
		height: 7vw;
		line-height: 7vw;
		display: block;
		float: left;
		text-align: center;
		margin: 0vw 5vw;
		padding: 0 5vw;
		border-radius: 2vw;
		border: 1px solid #F1C75E;
	}
	.dp_but1 {
		width: auto;
		height: 7vw;
		line-height: 7vw;
		display: block;
		float: left;
		text-align: center;
		margin: 0vw 5vw;
		margin-right: 20vw;
		margin-bottom: 4vw;
		/* padding: 0 5vw; */
		text-decoration: underline;
		/* border-radius: 2vw; */
		/* border: 1px solid #F1C75E; */
	}
	.shop-wrap{
		background-color: white;
		border-bottom: 30upx solid #f6f6f6;
		margin-bottom: 30upx;
		padding: 10upx 30upx 40upx;
		height: auto;
	}
	.shop-wrap .shop-item{
		font-size: 30upx;
		height: 40upx;
		line-height: 40upx;
		margin-top: 20upx;
	}
	.shop-wrap .shop-item text{
		color: #7A7A7A;
	}
	.shop-wrap image{
		width: 90%;
		height: 300upx;
		margin-top: 50upx;
	}
	.flex-item{
		display: flex;
		flex-direction: row;
	}
</style>
